/* Global Settings */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

legend, hr {
    display: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}

div.lower_field .search_txt:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need cellspacing in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Change objects highlight colour  */

*::selection {
        background-color: #000000;
        color: #ffffff;
}

*::-moz-selection {
        background-color: #000000;
        color: #ffffff;
}



/* Main Structure */

body {
	font: 12px/100% Helvetica, Verdana, Arial, sans-serif;
}

div.wrapper {
	width: 100%;
	/*background:url(bg.jpg) no-repeat top center #000;*/
}

div.wrapper div.squeezer {
	position: relative;
	width: 1000px; height:1800px;
	margin: 0 auto;
}

/* header */
header#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 280px;
}
header#header div {
	position:absolute; top:0; left:0;
	width:1000px; height:100px;
	background:url(../img/ntvpoll_nexttv.png) no-repeat;
}
header#header div img {
	position:relative; float:left;
}

header#header h1 {
	position:absolute; top:100px; left:0;
	width:1000px; height:180px;
	text-indent:-9999px;
}
header#header h1 img {
	position:absolute; top:0; left:0;
}

/* section */
article#media {
	position:relative;
	width:1000px;
	margin: 0 auto;
	height: 630px;
	background:url(../img/bbcntv_video.jpg) no-repeat;
}
article#media div {
	position:absolute;
	background:#000;
	overflow:hidden;
}

article#mainbody {
	position:relative;
	width:500px;
	margin: 0 auto;
	height: 1250px;
}
article#mainbody section#rule {
	position:relative; flaot:left;
	width:1000px; height:200px;
}
article#mainbody section#rule img {
	position:relative; flaot:left;
}
article#mainbody section#media {
	position:relative; flaot:left;
	width:1000px; height:480px;
	background:url(ntvpoll_video.png) no-repeat;
}
article#mainbody section#media div {
	position:absolute;
	top:47px; left:171px; 
	width:640px; height:360px;
	background:#000;
}
article#mainbody section#videowall {
	position:relative; flaot:left;
	width:460px; height:570px;
	/*background:url(ntvpoll_videowall.png) no-repeat;*/
}


/* footer */
footer#footer {
	position:relative;
	width:1000px;
	margin:0 auto;
	height:270px;
}

footer div.sponsor {
	position:relative; flaot:left;
	width:1000px; height:50px;
	background:url(ntvpoll_sponsor.png) no-repeat;
}
footer div.sponsor a.miculturetw {
	position:absolute;
	top:10px; left:460px;
	width:220px; height:30px;
}
footer div.sponsor a.nexttv {
	position:absolute;
	top:10px; left:60px;
	width:360px; height:30px;
}
footer div.tnc {
	position:relative; flaot:left;
	width:1000px; height:220px;
	background:url(ntvpoll_footer.jpg) no-repeat;
}
footer div.tnc a.miculturetw {
	position:absolute;
	top:45px; left:470px;
	width:180px; height:30px;
}

footer#ntv {
	position: relative;
	width: 980px;
	margin: 0 auto;
	height: 50px;
	padding:15px 0 30px 0;
	font-size:12px; color:#FFF; line-height:25px; text-align:center;
}

footer#ntv a {
	color:#FFF; text-decoration:none;
	margin:0 0 0 10px;
}
footer#ntv a:hover {
	color:#FFF; text-decoration:underline;
}



/*jQuery Tools*/
.scrollable {
  position:absolute;
  left:41px;
  overflow:hidden;
  z-index:99;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}
.items div ul {
	width:998px; height:448px;
	overflow:hidden;
}
.items div ul li {
	position:relative; float:left;
	width:290px; height:255px;
	background:url(ntvpoll_clip.png) no-repeat;
}
.items div ul li div.playicon {
	position:absolute;
	top:37px; left:88px;
	width:100px; height:100px;
	z-index:999;
}
.items div ul li div.clip {
	position:absolute;
	top:5px; left:7px;
	width:267px; height:164px;
	z-index:10;
}
.items div ul li div.fb-like {
	position:absolute;
	top:190px; left:0px;
	width:290px; height:65px;
	z-index:10;
}

.items div ul li div.fb-div {
	position:absolute;
	top:190px; left:0px;
	width:290px; height:65px;
	z-index:10;
}


.navi {
  position:absolute;
  top:405px; right:80px;
  height:20px;
  z-index:999;
}
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../images/index/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
.navi a:hover {
    background-position:0 -8px;
}
.navi a.active {
    background-position:0 -16px;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(ntvpoll_arrow.png) no-repeat;*/
	display:block;
	width:41px;
	height:67px;
	float:left;
	/*margin:40px 10px;*/
	cursor:pointer;
	font-size:1px;
}

/* right */
a.left {background:url('../images/index/Arrow-Right.png'); position:absolute; top:200px; left:0;}

/* left */
a.right {background:url('../images/index/Arrow-Left.png'); position:absolute; top:200px; right:0;}

.colorPicker{
	padding-left:89px;
	width:100%;	
}
#ad_element{
	width:300px;
	float:left;
}
#ad_display{
	height:71px;
	width:161px;
	float:right;
	border: 1px solid #FFFFFF;
	padding: 2px;
}
#dis_ad_title{
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}
#dis_ad_desc{
	font-size: 12px;
}
#dis_ad_url{
	font-size: 10px;
	white-space: nowrap;
}
#dis_google_supply{
	font-family: arial,sans-serif;
	font-size: 11px;
}

#loading{
	margin:10px 0 0 10px;
}
